@import "../../../../shared/color";

@item-size: 36px;

.theme-item {
	width: @item-size;
	height: @item-size;
	border-radius: 50%;
	border: 4px solid @text-color;
	margin: 6px 6px;
	cursor: pointer;
}

.theme-chooser-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	box-shadow: @box-shadow-base;
	padding: 20px 10px 20px;
	border-radius: @border-radius-base;
	
	.color-chooser {
		display: flex;
	}
	
	.theme-chooser{
		display: flex;
		justify-content: center;
	}
	
	.bg-image-chooser{
		display: flex;
		flex-wrap: wrap;
		max-width: 200px;
		&>div{
			width: 100px;
			padding: 10px;
			
			&>img{
				width: 100%;
			}
		}
	}
	
	.ant-divider.ant-divider-horizontal {
		margin: 16px 0;
	}
	
	h3 {
		padding-left: 4px;
	}
}
